/*=======GAMES======*/
html {min-height:100%;}
body {min-height:100%;}
/*video*/
.video {height:100%;}
.baner {position:relative;width:100%;height:1000px;background-size: cover;background-position:center center;}
.baner .games-icons {position:absolute;width:360px; bottom:200px; left:0px;right:0px;margin:auto; display: flex; justify-content: center;}
.baner .games-icons div {height:50px;width:50px;border-radius: 7px;background-color: rgba(0, 0, 0, 1);margin:2px 4px;background-position:center;background-size: cover;}
.baner .buttonz {position:absolute; width:500px; bottom:100px; left:0px;right:0px;margin:auto;display: flex;justify-content: center;flex-wrap: wrap;}
.baner .buttonz a {display:block;}
.buttonz .button {margin:5px;}
.baner .button h3 {margin: 0 0 0 0;}
.baner .logo-gry {position:absolute; top:300px; max-width:700px; left:200px;}
.baner .logo-vege {left:100px;}
.logo-gry img {width:700px;}

.kao-keyart {background-image: url("games/kao/keyart.jpg");}
.deathbound-keyart {background-image: url("games/deathbound/keyart.jpg");}
.utf-keyart {background-image: url("games/utf/keyart.jpg");}
.utt-keyart {background-image: url("games/utt/keyart.jpg");}
.utp-keyart {background-image: url("games/utp/keyart.jpg");}
.sr-keyart {background-image: url("games/sr/keyart.jpg");}
.kao123-keyart {background-image: url("games/kao123/keyart.jpg");}
.voodolls-keyart {background-image: url("games/voodolls/keyart.jpg");}
.monolith-keyart {background-image: url("games/monolith/keyart.jpg");}
.vegelypse-keyart {background-image: url("games/vegelypse/keyart.jpg");}


/*icons*/

	.icon-steam {background-image: url("img/icons/steam.png");}
	.icon-sony {background-image: url("img/icons/sony.png");}
	.icon-xbox {background-image: url("img/icons/xbox.png");}
	.icon-nintendo {background-image: url("img/icons/nintendo.png");}
	.icon-epic {background-image: url("img/icons/epic.png");}
	.icon-gog {background-image: url("img/icons/gog.png");}
	.icon-steam:hover {background-image: url("img/icons/steam2.png");}
	.icon-sony:hover {background-image: url("img/icons/sony2.png");}
	.icon-xbox:hover {background-image: url("img/icons/xbox2.png");}
	.icon-nintendo:hover {background-image: url("img/icons/nintendo2.png");}
	.icon-epic:hover {background-image: url("img/icons/epic2.png");}
	.icon-gog:hover {background-image: url("img/icons/gog2.png");}
/*=======DEPICTION======*/
.games-depiction {top:-30px;clip-path: polygon(55% 3%, 100% 0, 100% 100%, 60% 98%, 0 100%, 0 0%);}	
.depiction-penal {position:relative;width:100%;min-height:300px;display: flex;justify-content:center;flex-wrap: wrap;}
.depiction-tab {width:50%;min-height:300px;}
.depiction-bg {position:absolute;top:-20px; height:600px;width:100%;}
.depiction-txt {margin: 150px 150px 250px auto; width:calc(100% - 260px);}
.depiction-txt h4 {max-width:100%;line-height:24px;}
.depiction-left {background-color: rgba(0, 0, 0, 0.5);}
.games-depiction .depiction-right {background-position:center;background-size: cover;}

.depiction-kao {background-color:#985ad6;}
.depiction-right-kao{background-image: url("games/kao/depiction.jpg");}
.depiction-deathbound {background-color:#3ea68f;}
.depiction-right-deathbound{background-image: url("games/deathbound/depiction.jpg");}
.depiction-utf {background-color:#ec7404;}
.depiction-right-utf{background-image: url("games/utf/depiction.jpg");}
.depiction-utt {background-color:#ff2e4f;}
.depiction-right-utt{background-image: url("games/utt/depiction.jpg");}
.depiction-utp {background-color:#ffdd03;}
.depiction-right-utp{background-image: url("games/utp/depiction.jpg");}
.depiction-sr {background-color:#fe9b1d;}
.depiction-right-sr{background-image: url("games/sr/depiction.jpg");}
.depiction-kao123 {background-color:#036c10;}
.depiction-right-kao123{background-image: url("games/kao123/depiction.jpg");}
.depiction-voodolls {background-color:#2ecc87;}
.depiction-right-voodolls{background-image: url("games/voodolls/depiction.jpg");}
.depiction-monolith {background-color:#be1439;}
.depiction-right-monolith{background-image: url("games/monolith/depiction.jpg");}
.depiction-vegelypse {background-color:#498211;}
.depiction-right-vegelypse{background-image: url("games/vegelypse/keyart_01.png");}

/*=======FEATURES======*/
.games {top:-35px;}
.gamesBg {padding-bottom:50px;}
.publishing-bg {position:relative;width:100%;height:1000px;background-image: url("img/voodolls-bg.jpg");background-size: cover;background-position:top center;}

.panel-features {padding-bottom:100px;}
.games-publishing-bg {background-color:#fff;}
/*.games-publishing-bg {background-image: url("img/voodolls-bg2.jpg");background-size: cover;background-position:top center;background-attachment: local;}*/
.games-bg-opacity {background-image: url("");}
.panel-features .games-tab {width:470px;background-color: rgba(0, 0, 0, 1);}
.panel-features .games-tab img {width:470px;}
.panel-features .games-tab h2,.panel-features .games-tab h3, .panel-features .games-tab p {padding:0 10px;}
.panel-features .games-tab h2	{margin: 4px 0 0 0;}
.panel-features .szeroki-tab {width:1410px;background-color: rgba(0, 0, 0, 1);display: flex; justify-content: left;height:auto;}

.features-bg {background-image: url("games/kao/features-bg.jpg");}

 /*=====GALLERY======*/
.bg-black {position:absolute;top:-22px;width:100%;height:120%;background-color:#000;padding-bottom:50px;}
.panel-gallery {min-height:250px;background-color:#000;padding-bottom:90px;top:50px;}
.panel-gallery .games-tab {width:225px;height:135px;margin:3px;text-align:center;z-index:0;cursor: pointer;}
.panel-gallery .games-tab img {position:relative;z-index:0;}
.panel-gallery .games-tab:hover {z-index:8;}
.panel-gallery .games-tab:hover img {border:4px solid #6dcbf0;transform:scale(1.2)rotate(10deg);transition: transform 0.3s ease-in-out;z-index:10;}
.gallery-head {position:relative;width:100%;  display: flex; justify-content: space-between;flex-wrap: wrap;padding-bottom:50px;}
.gallery-head > h1 {color:#fff;} 
.panel-gallery .games-tab img {width:100%;}

/*=======DLC============*/
.dlc-head b {color:#fff;}
.games-dlc {top:-40px;}
.dlc-panel{position:relative;width:100%;min-height:300px;margin:auto;}
.dlc-head {margin:200px 0px 100px 200px;}
.dlc-icons {position: relative;width: 360px;left:0px;display: flex;justify-content: center;flex-wrap: wrap;margin-top:20px;}
.dlc-icons div {height: 50px;width: 50px;background-position: center;background-size: cover;}
.dlc-panel .depiction-txt h1 {font-resize:70px;line-height: 72px;}

.depiction-penal-dlc {background-color:#000;margin-bottom:10px;}
.depiction-penal-dlc .depiction-txt {margin: 100px 150px 200px auto;}
.games-dlc .depiction-right {background-position:center;background-size: contain;
background-repeat: no-repeat;}
.dlc1-kao {background-image: url("games/kao/dlc1.jpg");}
.dlc2-kao {background-image: url("games/kao/dlc2.jpg");}
.dlc3-kao {background-image: url("games/kao/dlc3.jpg");}

.dlc1-kao123 {background-image: url("games/kao123/dlc1.jpg");}
.dlc2-kao123 {background-image: url("games/kao123/dlc2.jpg");}
.dlc3-kao123 {background-image: url("games/kao123/dlc3.jpg");}

.dlc1-deathbound {background-image: url("games/deathbound/dlc1.jpg");}



@media (max-width: 1600px) {
.panel-features .games-tab  {width:400px;}
.panel-features .games-tab  img {width:400px;}	
.baner .logo-gry{left:50px;top:330px;}
.panel-features .szeroki-tab {width:800px;}
.depiction-txt {margin: 100px 50px 200px auto;width:calc(100% - 100px);}
.depiction-penal-dlc .depiction-txt {margin: 20px 50px 50px auto;}

.games-tab {height:500px;}
}

@media (max-width: 1300px) {
.panel-features .games-tab  {width:330px;}
.panel-features .games-tab img {width:330px;}	
.baner .logo-gry,.logo-gry {width:600px;}
.baner .logo-gry,.logo-gry img {width:600px;}
.panel-features .szeroki-tab {width:660px;}

.baner .logo-gry{left:50px;top:360px;}
.depiction-txt {margin: 100px auto 200px 100px;width:calc(100% - 150px);}
.vegelypse-keyart {background-image: url("games/vegelypse/keyart-m.jpg");}
}
@media (max-width: 1020px) {
	.panel-features {padding-bottom:200px;}
	.baner .logo-gry {left:0px;right:0px;margin:auto;width:500px;}
	.baner .logo-gry img {max-width:500px;}
	.panel-features .szeroki-tab {width:330px;display: block;}
	.gallery-head {margin-left:100px;}
	.dlc-head {margin:200px 0px 100px 100px;}
.depiction-left {width:100%;}
.depiction-tab {width: 100%;min-height:350px}
.games-depiction .depiction-right {display:none;}

.depiction-penal-dlc-left {flex-wrap: wrap-reverse;}
.depiction-penal-dlc {margin-bottom:10px;}
.dlc-panel .depiction-txt h1 {font-resize:45px;line-height: 50px;}
.monolith-keyart {background-position-x:calc(50% - 90px);}

}
@media (max-width: 750px) {
	.baner .games-icons {bottom:300px;}
	.baner .buttonz {width:100%;}
		.baner .buttonz a {margin:5px auto;}
	.baner .logo-gry {width:350px;}	
	.baner .logo-gry img {max-width:350px;}	
	.depiction-txt {margin: 100px auto 100px 50px;width:calc(100% - 100px);}
	.gallery-head {margin-left:50px;max-width:70%;}
	.dlc-head {margin:200px 0px 100px 50px;max-width:70%;}
	.dlc-icons {width: 300px;}
}